<template>
    <div class="components_edit_modal">
        <el-dialog title="未参与人详情" :visible.sync="state" :show-close="true" :close-on-click-modal="false">

                <div class="scrollBarX">
                    <el-table :data="leftStudentList"  border stripe style="width: 100%" height="250" class="components_edit_tables">
                        <el-table-column label="序号" type="index"  align="center"></el-table-column>
                        <el-table-column prop="studentNumber" label="学号" align="center"></el-table-column>
                        <el-table-column prop="name" label="姓名" align="center"></el-table-column>
                    </el-table>
                </div>
            <div slot="footer" class="dialog-footer">
                <el-button size="small" @click="state = false">关 闭</el-button>
            </div>
        </el-dialog>
    </div>
</template>

<script>
    import {enums} from '@/constant'
    export default {
        components: {

        },
        data() {
            return {
                self:this,
                state: false,
                id:null,
                leftStudentList:[],
            }
        },
        created() {

        },
        mounted() {},
        methods: {
            showDialog(id,classId){
                let self = this;
                this.state = true;
                this.getLeftStudentl(id,classId,(result)=>{
                    self.leftStudentList = JSON.parse(JSON.stringify(result));;
                })
            },
            getLeftStudentl(id,classId,success){
                 let self = this;
                self.axios.get(api.questionnaire.getLeftStudent+"?classId="+classId+"&id="+id).then((response) => {
                    if (response.data.success) {
                        success(response.data.data);
                    } else {
                        self.$message.error(response.data.msg);
                    }
                })
            }
        }
    };
</script>
<style scoped>

</style>